<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>简单的Markdown语法总结 | jzhmcoo1</title><meta name="keywords" content="markdown,syntax"><meta name="author" content="lixing"><meta name="copyright" content="lixing"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="1. 写在前面刚开始写博, 对md的语法还不熟悉, 决定先整理一下md的basic syntax. 参考 markdownguide.org">
<meta property="og:type" content="article">
<meta property="og:title" content="简单的Markdown语法总结">
<meta property="og:url" content="https://www.lihangzhu.com/2020/03/10/Simple-Markdown-Syntax/index.html">
<meta property="og:site_name" content="jzhmcoo1">
<meta property="og:description" content="1. 写在前面刚开始写博, 对md的语法还不熟悉, 决定先整理一下md的basic syntax. 参考 markdownguide.org">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/markdown.png">
<meta property="article:published_time" content="2020-03-10T00:36:22.000Z">
<meta property="article:modified_time" content="2020-09-19T07:19:30.514Z">
<meta property="article:author" content="lixing">
<meta property="article:tag" content="markdown">
<meta property="article:tag" content="syntax">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/markdown.png"><link rel="shortcut icon" href="/images/favicon.png"><link rel="canonical" href="https://www.lihangzhu.com/2020/03/10/Simple-Markdown-Syntax/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><meta name="google-site-verification" content="pcqGakY4hww-Mg9iGN4mQw6v_y_IRvYmM1l50SAcPpg"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: undefined,
  lightbox: 'fancybox',
  Snackbar: undefined,
  source: {
    jQuery: 'https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js',
    justifiedGallery: {
      js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
      css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
    },
    fancybox: {
      js: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js',
      css: 'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css'
    }
  },
  isPhotoFigcaption: false,
  islazyload: true,
  isanchor: true
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = { 
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: true,
  postUpdate: '2020-09-19 15:19:30'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(win=>{
    win.saveToLocal = {
      set: function setWithExpiry(key, value, ttl) {
        if (ttl === 0) return
        const now = new Date()
        const expiryDay = ttl * 86400000
        const item = {
          value: value,
          expiry: now.getTime() + expiryDay,
        }
        localStorage.setItem(key, JSON.stringify(item))
      },

      get: function getWithExpiry(key) {
        const itemStr = localStorage.getItem(key)

        if (!itemStr) {
          return undefined
        }
        const item = JSON.parse(itemStr)
        const now = new Date()

        if (now.getTime() > item.expiry) {
          localStorage.removeItem(key)
          return undefined
        }
        return item.value
      }
    }
  
    win.getScript = url => new Promise((resolve, reject) => {
      const script = document.createElement('script')
      script.src = url
      script.async = true
      script.onerror = reject
      script.onload = script.onreadystatechange = function() {
        const loadState = this.readyState
        if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
        script.onload = script.onreadystatechange = null
        resolve()
      }
      document.head.appendChild(script)
    })
  
      win.activateDarkMode = function () {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = function () {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
          const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
          const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
          const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
          const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified

          if (t === undefined) {
            if (isLightMode) activateLightMode()
            else if (isDarkMode) activateDarkMode()
            else if (isNotSpecified || hasNoSupport) {
              const now = new Date()
              const hour = now.getHours()
              const isNight = hour <= 6 || hour >= 18
              isNight ? activateDarkMode() : activateLightMode()
            }
            window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
              if (saveToLocal.get('theme') === undefined) {
                e.matches ? activateDarkMode() : activateLightMode()
              }
            })
          } else if (t === 'light') activateLightMode()
          else activateDarkMode()
        
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
    const fontSizeVal = saveToLocal.get('global-font-size')
    if (fontSizeVal !== undefined) {
      document.documentElement.style.setProperty('--global-font-size', fontSizeVal + 'px')
    }
    })(window)</script><meta name="generator" content="Hexo 5.4.0"><link rel="alternate" href="/atom.xml" title="jzhmcoo1" type="application/atom+xml">
</head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">加载中...</div></div></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/avatar.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">36</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">37</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">9</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-heartbeat"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/message/"><i class="fa-fw fa fa-coffee"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-user-friends"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于我</span></a></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/markdown.png')"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">jzhmcoo1</a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw fas fa-heartbeat"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/message/"><i class="fa-fw fa fa-coffee"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw fas fa-user-friends"></i><span> 友链</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw fas fa-heart"></i><span> 关于我</span></a></div></div><div id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">简单的Markdown语法总结</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-03-10T00:36:22.000Z" title="发表于 2020-03-10 08:36:22">2020-03-10</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-09-19T07:19:30.514Z" title="更新于 2020-09-19 15:19:30">2020-09-19</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/StudyNotes/">StudyNotes</a><i class="fas fa-angle-right post-meta-separator"></i><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/categories/StudyNotes/Syntax/">Syntax</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">1.6k</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>6分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><h1 id="1-写在前面"><a href="#1-写在前面" class="headerlink" title="1. 写在前面"></a>1. 写在前面</h1><p>刚开始写博, 对md的语法还不熟悉, 决定先整理一下md的<strong>basic syntax</strong>.</p>
<h2 id="参考"><a href="#参考" class="headerlink" title="参考"></a>参考</h2><blockquote>
<p><a target="_blank" rel="noopener" href="https://www.markdownguide.org/basic-syntax/">markdownguide.org</a></p>
</blockquote>
<span id="more"></span>

<h1 id="2-文章标题Headings"><a href="#2-文章标题Headings" class="headerlink" title="2. 文章标题Headings"></a>2. 文章标题Headings</h1><p>创建标题只需要使用’#’, 使用几个’#’就对应了几级标题.</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="section"># heading level1</span></span><br><span class="line"><span class="section">## heading level2</span></span><br><span class="line"><span class="section">### heading level3</span></span><br><span class="line"><span class="section">#### heading level4</span></span><br><span class="line"><span class="section">##### heading level5</span></span><br><span class="line"><span class="section">###### heading level6</span></span><br></pre></td></tr></table></figure>
<br>

<p>效果如下:<img src= "/img/loading.gif" data-lazy-src="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/headings.png" alt="headings"></p>
<h1 id="3-文章段落-Paragraphs"><a href="#3-文章段落-Paragraphs" class="headerlink" title="3. 文章段落 Paragraphs"></a>3. 文章段落 Paragraphs</h1><p>要创建段落,使用空白行分隔一行或多行文本</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line">I really like using Markdown.</span><br><span class="line"></span><br><span class="line">I think I&#x27;ll use it to write my blog online.</span><br></pre></td></tr></table></figure>
<br>

<p>效果如下:</p>
<p>I really like using Markdown.</p>
<p>I think I’ll use it to write blogs online.</p>
<h1 id="4-换行-Line-Breaks"><a href="#4-换行-Line-Breaks" class="headerlink" title="4. 换行 Line Breaks"></a>4. 换行 Line Breaks</h1><p>换行时,在行位打<strong>两个或以上</strong>的空格符,然后按下回车.   </p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line">&lt;!--请注意区别--&gt;</span><br><span class="line">1.This is the first line.      &lt;!--此处行末有多个空格&gt;</span><br><span class="line">And this is the second line.</span><br><span class="line"></span><br><span class="line">2.This is the first line.&lt;!--此处行末无空格&gt;</span><br><span class="line">And this is still at the first line.</span><br><span class="line"></span><br><span class="line">3.This is the first line. &lt;!--此处行末有一个空格&gt;</span><br><span class="line">And this is also at the first line.</span><br></pre></td></tr></table></figure>

<p>效果如下:<br>1.This is the first line.<br>And this is the second line.</p>
<p>2.This is the first line.And this is still at the first line.</p>
<p>3.This is the first line.And this is also at the first line.</p>
<blockquote>
<p>这里在博客的实际输出效果可能不一样, 与config文件中marked.gfm属性有关<br>详见<a target="_blank" rel="noopener" href="https://github.com/hexojs/hexo/issues/2200">Github/hexojs/hexo/Issue#2200</a></p>
</blockquote>
<h1 id="5-强调-Emphasis"><a href="#5-强调-Emphasis" class="headerlink" title="5. 强调 Emphasis"></a>5. 强调 Emphasis</h1><p>为了强调文本,可以使用加粗/斜体</p>
<p>加粗为      <code>**想要加粗的内容**</code><br>斜体为      <code>*想要斜体的内容*</code><br>粗体+斜体为  <code>***内容***</code>   </p>
<p>效果如下:    </p>
<p><strong>Bold Text</strong></p>
<p><em>Italic Text</em></p>
<p><em><strong>Both</strong></em>   </p>
<blockquote>
<p><a target="_blank" rel="noopener" href="https://www.markdownguide.org/basic-syntax/#emphasis">参考文档</a> 上不推荐使用下划线的方式, 这里就不整理进去了.</p>
</blockquote>
<h1 id="6-块引用-Blockquotes"><a href="#6-块引用-Blockquotes" class="headerlink" title="6. 块引用 Blockquotes"></a>6. 块引用 Blockquotes</h1><h2 id="6-1-块引用"><a href="#6-1-块引用" class="headerlink" title="6.1 块引用"></a>6.1 块引用</h2><p>在行首使用 <code>&gt;</code> 符号进行块引用</p>
<p><code>&gt; 这是引用,效果看上去是这样子的.</code></p>
<p>效果如下</p>
<blockquote>
<p>这是引用, 效果看上去是这样子的.</p>
</blockquote>
<h2 id="6-2-多行块引用-Blockqutos-with-Multiple-Paragrapgs"><a href="#6-2-多行块引用-Blockqutos-with-Multiple-Paragrapgs" class="headerlink" title="6.2 多行块引用 Blockqutos with Multiple Paragrapgs"></a>6.2 多行块引用 Blockqutos with Multiple Paragrapgs</h2><p>只需要在每行开头使用 <code>&gt;</code> </p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&gt;块</span><br><span class="line">&gt;引</span><br><span class="line">&gt;用</span><br><span class="line"></span><br></pre></td></tr></table></figure>
<blockquote>
<p>块<br>引<br>用    </p>
</blockquote>
<h2 id="6-3-嵌套块引用-Nested-Blockquotes"><a href="#6-3-嵌套块引用-Nested-Blockquotes" class="headerlink" title="6.3 嵌套块引用 Nested Blockquotes"></a>6.3 嵌套块引用 Nested Blockquotes</h2><p>使用多个 <code>&gt;</code> 来实现嵌套引用</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&gt;这</span><br><span class="line">&gt;&gt;是</span><br><span class="line">&gt;&gt;&gt;嵌套</span><br><span class="line">&gt;&gt;&gt;&gt;引用</span><br></pre></td></tr></table></figure>

<blockquote>
<p>这</p>
<blockquote>
<p>是</p>
<blockquote>
<p>嵌套</p>
<blockquote>
<p>引用</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<h2 id="6-4-引用中嵌套其他md元素"><a href="#6-4-引用中嵌套其他md元素" class="headerlink" title="6.4 引用中嵌套其他md元素"></a>6.4 引用中嵌套其他md元素</h2><figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&gt; #### The quarterly results look great!</span><br><span class="line">&gt;</span><br><span class="line">&gt; - Revenue was off the chart.</span><br><span class="line">&gt; - Profits were higher than ever.</span><br><span class="line">&gt;</span><br><span class="line">&gt;  *Everything* is going according to **plan**.</span><br></pre></td></tr></table></figure>

<blockquote>
<h4 id="The-quarterly-results-look-great"><a href="#The-quarterly-results-look-great" class="headerlink" title="The quarterly results look great!"></a>The quarterly results look great!</h4><ul>
<li>Revenue was off the chart.</li>
<li>Profits were higher than ever.</li>
</ul>
<p> <em>Everything</em> is going according to <strong>plan</strong>.</p>
</blockquote>
<h1 id="7-列表-Lists"><a href="#7-列表-Lists" class="headerlink" title="7. 列表 Lists"></a>7. 列表 Lists</h1><p>用来组织一系列项目,可以是有序/无序的</p>
<h2 id="7-1-有序列表-Ordered-List"><a href="#7-1-有序列表-Ordered-List" class="headerlink" title="7.1 有序列表 Ordered List"></a>7.1 有序列表 Ordered List</h2><p>直接使用 <code>&lt;数字&gt; + &lt;.&gt; + &lt;物品&gt;</code> 的形式</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">1.</span> first item</span><br><span class="line"><span class="bullet">2.</span> seconde item</span><br><span class="line"><span class="bullet">3.</span> third item</span><br></pre></td></tr></table></figure>


<p>效果如下:</p>
<ol>
<li>first item</li>
<li>seconde item</li>
<li>third item</li>
</ol>
<p>神奇的是,你xjb编号,实际的效果序号还是正确的<br>但要注意列表的开头一项必须为<code>1.</code></p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">1. first</span><br><span class="line">8. eighth</span><br><span class="line">4. fourth</span><br></pre></td></tr></table></figure>


<p>效果如下:</p>
<ol>
<li>first</li>
<li>eighth</li>
<li>fourth</li>
</ol>
<p>列表中还能嵌套子列表</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">1.</span> first</span><br><span class="line"><span class="bullet">2.</span> second</span><br><span class="line"><span class="bullet">    -</span> hhh</span><br><span class="line"><span class="bullet">    -</span> 233</span><br></pre></td></tr></table></figure>

<ol>
<li>first</li>
<li>second<ul>
<li> hhh</li>
<li> 233</li>
</ul>
</li>
</ol>
<h2 id="7-2-无序列表-Unordered-Lists"><a href="#7-2-无序列表-Unordered-Lists" class="headerlink" title="7.2 无序列表 Unordered Lists"></a>7.2 无序列表 Unordered Lists</h2><p>项目名称前面可以使用 <code>-</code>,<code>*</code>,<code>+</code> 效果都是一样的,并且和有序列表一样也能嵌套</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">-</span> first item</span><br><span class="line"><span class="bullet">+</span> second item</span><br><span class="line"><span class="bullet">-</span> third item</span><br><span class="line"><span class="bullet">*</span> fourth item</span><br><span class="line"><span class="bullet">    -</span> indented item</span><br><span class="line"><span class="bullet">    -</span> indented item</span><br></pre></td></tr></table></figure>

<ul>
<li>first item</li>
</ul>
<ul>
<li>second item</li>
</ul>
<ul>
<li>third item</li>
</ul>
<ul>
<li>fourth item<ul>
<li>indented item</li>
<li>indented item</li>
</ul>
</li>
</ul>
<h2 id="7-3-在列表中添加其他元素-Adding-Elements-in-Lists"><a href="#7-3-在列表中添加其他元素-Adding-Elements-in-Lists" class="headerlink" title="7.3 在列表中添加其他元素 Adding Elements in Lists"></a>7.3 在列表中添加其他元素 Adding Elements in Lists</h2><p>添加元素时,为了保证列表还是延续的, 需要在元素前添加4个空格或者1个tab</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="bullet">-</span>  This is the first list item.      </span><br><span class="line"><span class="bullet">-</span>  Here&#x27;s the second list item.</span><br><span class="line"></span><br><span class="line"><span class="code">    I need to add another paragraph below the second list item</span></span><br><span class="line"><span class="code"></span></span><br><span class="line"><span class="code">-  And here&#x27;s the third list item.</span></span><br></pre></td></tr></table></figure>


<ul>
<li><p> This is the first list item.      </p>
</li>
<li><p>Here’s the second list item.           </p>
<p>  I need to add another paragraph below the second list item</p>
</li>
<li><p> And here’s the third list item.</p>
</li>
</ul>
<p>需要注意的是,在列表中嵌入<strong>代码块</strong>,需要比平常多4个空格,也就是8个空格</p>
<figure class="highlight html"><table><tr><td class="code"><pre><span class="line">1.  Open the file.</span><br><span class="line">2.  Find the following code block on line 21:</span><br><span class="line"></span><br><span class="line">        <span class="tag">&lt;<span class="name">html</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;<span class="name">head</span>&gt;</span></span><br><span class="line">            <span class="tag">&lt;<span class="name">title</span>&gt;</span>Test<span class="tag">&lt;/<span class="name">title</span>&gt;</span></span><br><span class="line">          <span class="tag">&lt;/<span class="name">head</span>&gt;</span></span><br><span class="line"></span><br><span class="line">3.  Update the title to match the name of your website.</span><br></pre></td></tr></table></figure>

<p>效果如下:</p>
<ol>
<li><p> Open the file.</p>
</li>
<li><p>Find the following code block on line 21:</p>
<pre><code> &lt;html&gt;
     &lt;head&gt;
     &lt;title&gt;Test&lt;/title&gt;
     &lt;/head&gt;
 &lt;/html&gt;
</code></pre>
</li>
<li><p> Update the title to match the name of your website.</p>
</li>
</ol>
<h1 id="8-代码-Code"><a href="#8-代码-Code" class="headerlink" title="8. 代码 Code"></a>8. 代码 Code</h1><h2 id="8-1-单行代码"><a href="#8-1-单行代码" class="headerlink" title="8.1 单行代码"></a>8.1 单行代码</h2><p>用一对反单引号把文本包含起来(`)</p>
<figure class="highlight md"><table><tr><td class="code"><pre><span class="line"><span class="code">`x = x + 1`</span></span><br></pre></td></tr></table></figure>

<p>效果如下:</p>
<p><code>x = x + 1</code></p>
<h2 id="8-2-多行代码"><a href="#8-2-多行代码" class="headerlink" title="8.2 多行代码"></a>8.2 多行代码</h2><p>使用三个(`)</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">(&#96;&#96;&#96;)python &lt;!--实际使用中不需要括号&gt;</span><br><span class="line"># print Hello World!</span><br><span class="line">print(&quot;Hello, World!&quot;)</span><br><span class="line">(&#96;&#96;&#96;) </span><br></pre></td></tr></table></figure>

<figure class="highlight python"><table><tr><td class="code"><pre><span class="line"><span class="comment"># print Hello World!</span></span><br><span class="line">print(<span class="string">&quot;Hello, World!&quot;</span>)</span><br></pre></td></tr></table></figure>


<h2 id="8-3-反引号转意"><a href="#8-3-反引号转意" class="headerlink" title="8.3 反引号转意"></a>8.3 反引号转意</h2><p>要表示带有<code>``的文本,将一对(``) </code>括在文本的外面<br>比如:<br><code>use `code` in your markdown file.</code></p>
<p>此处code带有一对反斜杠</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&#96;&#96;use &#96;code&#96; in your markdown file.&#96;&#96;</span><br><span class="line">&lt;!-- 只需将两个&#96;&#96;括在文本外面 --&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下:<br><code>use `code` in your markdown file.</code></p>
<!-- 只需将两个``括在文本外面 -->


<h1 id="9-横向分隔线"><a href="#9-横向分隔线" class="headerlink" title="9. 横向分隔线"></a>9. 横向分隔线</h1><figure class="highlight md"><table><tr><td class="code"><pre><span class="line">&lt;!-- 三个或多个星号<span class="emphasis">* --&gt;</span></span><br><span class="line"><span class="emphasis"><span class="strong">**<span class="emphasis">* </span></span></span></span><br><span class="line"><span class="emphasis"><span class="strong"><span class="emphasis">&lt;!-- 三个或多个短横- --&gt;</span></span></span></span><br><span class="line"><span class="emphasis"><span class="strong"><span class="emphasis">---</span></span></span></span><br><span class="line"><span class="emphasis"><span class="strong"><span class="emphasis">&lt;!-- 三个或多个下划线_ --&gt;</span></span></span></span><br><span class="line"><span class="emphasis"><span class="strong"><span class="emphasis"><span class="strong">____</span><span class="strong">____</span><span class="strong">____</span><span class="strong">____</span><span class="strong">____</span><span class="strong">__</span></span></span></span></span><br></pre></td></tr></table></figure>

<p>效果如下</p>
<hr>
<hr>
<hr>
<hr>
<h1 id="10-超链接"><a href="#10-超链接" class="headerlink" title="10. 超链接"></a>10. 超链接</h1><h2 id="10-1-贴个链接"><a href="#10-1-贴个链接" class="headerlink" title="10.1 贴个链接"></a>10.1 贴个链接</h2><p><code>[link text](url)</code></p>
<p>比如<br><code> My Favorite search engine is [Duck Duck Go](https://duckduckgo.com)</code></p>
<p>效果如下:<br>My Favorite search engine is <a target="_blank" rel="noopener" href="https://duckduckgo.com/">Duck Duck Go</a></p>
<h2 id="10-2-快速链接"><a href="#10-2-快速链接" class="headerlink" title="10.2 快速链接"></a>10.2 快速链接</h2><p>使用<code>&lt;&gt;</code>将链接包围,不需要写描述文本了</p>
<p><code>&lt;https://www.markdownguide.org&gt;</code></p>
<p>效果如下:<br><a target="_blank" rel="noopener" href="https://www.markdownguide.org/">https://www.markdownguide.org</a></p>
<h2 id="10-3-参考样式链接"><a href="#10-3-参考样式链接" class="headerlink" title="10.3 参考样式链接"></a>10.3 参考样式链接</h2><p>和引用论文差不多</p>
<p><code>[Link Text][number] </code><br><code>再写上[number]对应的链接 &lt;url&gt;</code></p>
<p>比如:    </p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">&lt;!-- 第一部分 --&gt;</span><br><span class="line">[DuckDuckGo][1]</span><br><span class="line">[百度][2]</span><br><span class="line"></span><br><span class="line">&lt;!-- 第二部分 --&gt;</span><br><span class="line">[1]:&lt;https:&#x2F;&#x2F;duckduckgo.com&gt;</span><br><span class="line">[2]:http:&#x2F;&#x2F;www.baidu.com</span><br></pre></td></tr></table></figure>

<p>效果如下:</p>
<p><a target="_blank" rel="noopener" href="https://duckduckgo.com/">DuckDuckGo</a>     </p>
<p><a target="_blank" rel="noopener" href="http://www.baidu.com/">百度</a>    </p>
<blockquote>
<p>You can place this second part of the link anywhere in your Markdown document. Some people place them immediately after the paragraph in which they appear while other people place them at the end of the document (like endnotes or footnotes).<br>引用自<a target="_blank" rel="noopener" href="https://www.markdownguide.org/basic-syntax/#horizontal-rules">markdownguide.org</a></p>
</blockquote>
<p>这个参考式链接的第二部分可以出现在md文件的任何地方</p>
<hr>
<h1 id="11-插入图片"><a href="#11-插入图片" class="headerlink" title="11. 插入图片"></a>11. 插入图片</h1><p><code>![对图片的描述文字](url 给图片加个title(可选)) </code></p>
<p>比如:<br>插一张我的头像</p>
<figure class="highlight plain"><table><tr><td class="code"><pre><span class="line">![myavatar](&#x2F;img&#x2F;avatar.jpeg &quot;杰尼龟🐛啊&quot;)</span><br></pre></td></tr></table></figure>

<p>效果如下:<br><img src= "/img/loading.gif" data-lazy-src="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/avatar.jpeg"></p>
<hr>
<h1 id="12-写在最后"><a href="#12-写在最后" class="headerlink" title="12. 写在最后"></a>12. 写在最后</h1><p>第一次写博文. 👶👶👶<br>写这篇博是想学习Basic Syntax, 在博客中常用的md语法.<br>总结的不是很全面, 加入了自己的理解, 与官方文档有所偏差.<br>以后有需要的话可能会再出一篇Extended Synatx(官方说法)<br>hexo和我的vscode预览的效果有些差异, 没有时间去一个个解决,有点遗憾.<br>如果这篇文章能够帮助到你那就再好不过了.</p>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta">文章作者: </span><span class="post-copyright-info"><a href="mailto:undefined">lixing</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta">文章链接: </span><span class="post-copyright-info"><a href="https://www.lihangzhu.com/2020/03/10/Simple-Markdown-Syntax/">https://www.lihangzhu.com/2020/03/10/Simple-Markdown-Syntax/</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta">版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://www.lihangzhu.com" target="_blank">jzhmcoo1</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/tags/markdown/">markdown</a><a class="post-meta__tags" href="/tags/syntax/">syntax</a></div><div class="post_share"><div class="social-share" data-image="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/markdown.png" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-share.js/dist/css/share.min.css" media="print" onload="this.media='all'"><script src="https://cdn.jsdelivr.net/npm/social-share.js/dist/js/social-share.min.js" defer></script></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-full"><a href="/2020/04/01/Document-and-website-structure/"><img class="prev-cover" data-lazy-src="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/documentand.png" onerror="onerror=null;src='/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">Document and website structure</div></div></a></div></nav><hr/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div class="vcomment" id="vcomment"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="card-info-avatar is-center"><img class="avatar-img" data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/avatar.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">lixing</div><div class="author-info__description">👨🏻‍💻 好好学习，天天敲代码 👩🏻‍💻</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">36</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">37</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">9</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://github.com/jzhmcoo1"><i class="fab fa-github"></i><span>Follow Me</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/jzhmcoo1" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:jzhmzlxocoo1@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="/atom.xml" target="_blank" title="RSS"><i class="fa fa-rss"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">真正的大师,永远都怀着一颗学徒的心</div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#1-%E5%86%99%E5%9C%A8%E5%89%8D%E9%9D%A2"><span class="toc-text">1. 写在前面</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E5%8F%82%E8%80%83"><span class="toc-text">参考</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#2-%E6%96%87%E7%AB%A0%E6%A0%87%E9%A2%98Headings"><span class="toc-text">2. 文章标题Headings</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#3-%E6%96%87%E7%AB%A0%E6%AE%B5%E8%90%BD-Paragraphs"><span class="toc-text">3. 文章段落 Paragraphs</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#4-%E6%8D%A2%E8%A1%8C-Line-Breaks"><span class="toc-text">4. 换行 Line Breaks</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#5-%E5%BC%BA%E8%B0%83-Emphasis"><span class="toc-text">5. 强调 Emphasis</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#6-%E5%9D%97%E5%BC%95%E7%94%A8-Blockquotes"><span class="toc-text">6. 块引用 Blockquotes</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#6-1-%E5%9D%97%E5%BC%95%E7%94%A8"><span class="toc-text">6.1 块引用</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#6-2-%E5%A4%9A%E8%A1%8C%E5%9D%97%E5%BC%95%E7%94%A8-Blockqutos-with-Multiple-Paragrapgs"><span class="toc-text">6.2 多行块引用 Blockqutos with Multiple Paragrapgs</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#6-3-%E5%B5%8C%E5%A5%97%E5%9D%97%E5%BC%95%E7%94%A8-Nested-Blockquotes"><span class="toc-text">6.3 嵌套块引用 Nested Blockquotes</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#6-4-%E5%BC%95%E7%94%A8%E4%B8%AD%E5%B5%8C%E5%A5%97%E5%85%B6%E4%BB%96md%E5%85%83%E7%B4%A0"><span class="toc-text">6.4 引用中嵌套其他md元素</span></a><ol class="toc-child"><li class="toc-item toc-level-4"><a class="toc-link" href="#The-quarterly-results-look-great"><span class="toc-text">The quarterly results look great!</span></a></li></ol></li></ol></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#7-%E5%88%97%E8%A1%A8-Lists"><span class="toc-text">7. 列表 Lists</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#7-1-%E6%9C%89%E5%BA%8F%E5%88%97%E8%A1%A8-Ordered-List"><span class="toc-text">7.1 有序列表 Ordered List</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#7-2-%E6%97%A0%E5%BA%8F%E5%88%97%E8%A1%A8-Unordered-Lists"><span class="toc-text">7.2 无序列表 Unordered Lists</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#7-3-%E5%9C%A8%E5%88%97%E8%A1%A8%E4%B8%AD%E6%B7%BB%E5%8A%A0%E5%85%B6%E4%BB%96%E5%85%83%E7%B4%A0-Adding-Elements-in-Lists"><span class="toc-text">7.3 在列表中添加其他元素 Adding Elements in Lists</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#8-%E4%BB%A3%E7%A0%81-Code"><span class="toc-text">8. 代码 Code</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#8-1-%E5%8D%95%E8%A1%8C%E4%BB%A3%E7%A0%81"><span class="toc-text">8.1 单行代码</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#8-2-%E5%A4%9A%E8%A1%8C%E4%BB%A3%E7%A0%81"><span class="toc-text">8.2 多行代码</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#8-3-%E5%8F%8D%E5%BC%95%E5%8F%B7%E8%BD%AC%E6%84%8F"><span class="toc-text">8.3 反引号转意</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#9-%E6%A8%AA%E5%90%91%E5%88%86%E9%9A%94%E7%BA%BF"><span class="toc-text">9. 横向分隔线</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#10-%E8%B6%85%E9%93%BE%E6%8E%A5"><span class="toc-text">10. 超链接</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#10-1-%E8%B4%B4%E4%B8%AA%E9%93%BE%E6%8E%A5"><span class="toc-text">10.1 贴个链接</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#10-2-%E5%BF%AB%E9%80%9F%E9%93%BE%E6%8E%A5"><span class="toc-text">10.2 快速链接</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#10-3-%E5%8F%82%E8%80%83%E6%A0%B7%E5%BC%8F%E9%93%BE%E6%8E%A5"><span class="toc-text">10.3 参考样式链接</span></a></li></ol></li><li class="toc-item toc-level-1"><a class="toc-link" href="#11-%E6%8F%92%E5%85%A5%E5%9B%BE%E7%89%87"><span class="toc-text">11. 插入图片</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#12-%E5%86%99%E5%9C%A8%E6%9C%80%E5%90%8E"><span class="toc-text">12. 写在最后</span></a></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/2021/08/01/%E8%B7%A8%E5%9F%9F/" title="跨域问题"><img data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/20210801204426-browser.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="跨域问题"/></a><div class="content"><a class="title" href="/2021/08/01/%E8%B7%A8%E5%9F%9F/" title="跨域问题">跨域问题</a><time datetime="2021-08-01T12:42:27.000Z" title="发表于 2021-08-01 20:42:27">2021-08-01</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/06/26/Css-Core-Concepts/" title="css关键概念"><img data-lazy-src="https://gitee.com/jzhmcoo1/jzhmcoo1picrepo/raw/master/img/css.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="css关键概念"/></a><div class="content"><a class="title" href="/2021/06/26/Css-Core-Concepts/" title="css关键概念">css关键概念</a><time datetime="2021-06-26T02:53:41.000Z" title="发表于 2021-06-26 10:53:41">2021-06-26</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/06/21/Cpp-OJ-Environment/" title="C++OJ环境搭建"><img data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/20210621082947.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="C++OJ环境搭建"/></a><div class="content"><a class="title" href="/2021/06/21/Cpp-OJ-Environment/" title="C++OJ环境搭建">C++OJ环境搭建</a><time datetime="2021-06-21T00:28:12.000Z" title="发表于 2021-06-21 08:28:12">2021-06-21</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/06/20/Browser-Cache/" title="浏览器的强缓存和协商缓存"><img data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/20210620222035.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="浏览器的强缓存和协商缓存"/></a><div class="content"><a class="title" href="/2021/06/20/Browser-Cache/" title="浏览器的强缓存和协商缓存">浏览器的强缓存和协商缓存</a><time datetime="2021-06-20T14:18:05.000Z" title="发表于 2021-06-20 22:18:05">2021-06-20</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/06/17/Sorting/" title="排序算法汇总"><img data-lazy-src="https://jzhmcoo1-1258918430.cos.ap-shanghai.myqcloud.com/markdown/20210617235208-sorting.png" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="排序算法汇总"/></a><div class="content"><a class="title" href="/2021/06/17/Sorting/" title="排序算法汇总">排序算法汇总</a><time datetime="2021-06-17T15:53:46.000Z" title="发表于 2021-06-17 23:53:46">2021-06-17</time></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2021 By lixing</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div class="footer_custom_text"><a target="_blank" rel="noopener" href="http://www.beian.miit.gov.cn/"><img class="icp-icon" src="/images/icp.png"><span>备案号：沪ICP备20019376号-1</span></a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="font-plus" type="button" title="放大字体"><i class="fas fa-plus"></i></button><button id="font-minus" type="button" title="缩小字体"><i class="fas fa-minus"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script src="/js/search/local-search.js"></script><script>var preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',preloader.endLoading())</script><div class="js-pjax"><script>function loadValine () {
  function initValine () {
    let initData = {
      el: '#vcomment',
      appId: 'eLIUaG0QmIrM06RLR7ib4AWK-gzGzoHsz',
      appKey: '4WOHEFT9gxfwKDLWQ3Dlc1xi',
      placeholder: '英雄别着急走,留下姓名~',
      avatar: 'monsterid',
      meta: 'nick,mail,link'.split(','),
      pageSize: '10',
      lang: 'zh-CN',
      recordIP: false,
      serverURLs: '',
      emojiCDN: 'https://i0.hdslb.com/bfs/emote/',
      emojiMaps: {"2020":"dc709fac0d361370bcf0d36d32adb97df7c95824.png@112w_112h.png","热词系列_知识增加":"142409b595982b8210b2958f3d340f3b47942645.png@112w_112h.png","热词系列_梦幻联动":"4809416be5ca787c2ec3e897e4fd022a58da6e0e.png@112w_112h.png","热词系列_希望没事":"6c0d2e6c486d1ba5afd6204a96e102652464a01d.png@112w_112h.png","热词系列_泪目":"bba3703ab90b7d16fe9dbcb85ed949db687f8331.png@112w_112h.png","热词系列_保护":"55f8f6445ca7c3170cdfc5b16036abf639ce9b57.png@112w_112h.png","热词系列_害怕":"d77e2de26da143249f0c0ad7a608c27152c985bf.png@112w_112h.png","热词系列_爱了爱了":"2a165b555ba20391316366c664ed7891883dc5aa.png@112w_112h.png","热词系列_吹爆":"b528220f9c37256ed6a37f05bf118e44b08b81e5.png@112w_112h.png","热词系列_三连":"21f15fe11b7a84d2f2121c16dec50a4e4556f865.png@112w_112h.png","热词系列_可以":"e08543c71202b36c590094417fcfbb80c3506cd8.png@112w_112h.png","热词系列_打卡":"a9cf77c78e1b9b40aa3ed4862402fba008ee2f51.png@112w_112h.png","热词系列_妙啊":"0e98299d7decf5eaffad854977946075c3e91cb8.png@112w_112h.png","热词系列_这次一定":"a01ca28923daa7cc896c42f27deb4914e20dd572.png@112w_112h.png","热词系列_AWSL":"c37f88cf799f9badf9d84b7671dc3dd98c0fc0c2.png@112w_112h.png","热词系列_递话筒":"98e6950e39fbb4dd1c576042063ca632074070ba.png@112w_112h.png","热词系列_你细品":"535e00658e7e47966f154d3a167fa2365ebc4321.png@112w_112h.png","热词系列_咕咕":"d8065c2e7ce48c929317a94553499a46fecc262a.png@112w_112h.png","热词系列_你可真星":"54c8ddff400abfe388060cabfbb579280fdea1be.png@112w_112h.png","热词系列_标准结局":"3de98174b510cf7dc5fd1bd08c5d881065e79137.png@112w_112h.png","热词系列_危":"5cc6c3357c4df544dd8de9d5c5c0cec97c7c9a56.png@112w_112h.png","热词系列_张三":"255a938f39cea625032b6650036b31aa26c50a3c.png@112w_112h.png","热词系列_害":"cbe798a194612958537c5282fcca7c3bcd2aa15c.png@112w_112h.png","热词系列_我裂开了":"29bd57ec4e8952880fea6c9e47aee924e91f10c4.png@112w_112h.png","热词系列_有内味了":"7ca61680a905b5b6e2e335c630e725b648b03b4d.png@112w_112h.png","热词系列_猛男必看":"c97064450528a0e45c7e7c365a15fbb13fd61d8c.png@112w_112h.png","热词系列_奥力给":"c9b8683827ec6c00fea5327c9bec14f581cef2aa.png@112w_112h.png","热词系列_问号":"c1d1e76c12180adc8558f47006fe0e7ded4154bb.png@112w_112h.png","热词系列_我哭了":"9e0b3877d649aaf6538fbdd3f937e240a9d808e4.png@112w_112h.png","热词系列_高产":"9db817cba4a7f4a42398f3b2ec7c0a8e0c247c42.png@112w_112h.png","热词系列_我酸了":"a8cbf3f6b8cd9377eeb15b9172f3cd683b2e4650.png@112w_112h.png","热词系列_真香":"e68497c775feaac1c3b1a6cd63a50cfb11b767c4.png@112w_112h.png","热词系列_我全都要":"d424d1ad8d14c1c9b8367842bc68c658b9229bc1.png@112w_112h.png","热词系列_神仙UP":"a49e0d0db1e7d35a0f7411be13208951ab448f03.png@112w_112h.png","热词系列_你币有了":"84820c2b147a8ca02f3c4006b63f76c6313cbfa0.png@112w_112h.png","热词系列_不愧是你":"9ff2e356797c57ee3b1675ade0883d2d2247be9b.png@112w_112h.png","热词系列_锤":"35668cc12ae25b9545420e4a85bf21a0bfc03e5d.png@112w_112h.png","热词系列_秀":"50782fbf5d9b7f48f9467b5c53932981e321eedc.png@112w_112h.png","热词系列_爷关更":"faad40c56447f1f8abcb4045c17ce159d113d1fd.png@112w_112h.png","热词系列_有生之年":"f41fdafe2d0fbb8e8bc1598d2cf37e355560103a.png@112w_112h.png","热词系列_镇站之宝":"24e7a6a6e6383c987215fb905e3ee070aca259b5.png@112w_112h.png","热词系列_我太南了":"a523f3e4c63e4db1232365765d0ec452f83be97e.png@112w_112h.png","热词系列_完结撒花":"ea9db62ff5bca8e069cd70c4233353a802835422.png@112w_112h.png","热词系列_大师球":"f30089248dd137c568edabcb07cf67e0f6e98cf3.png@112w_112h.png","热词系列_知识盲区":"ccc94600b321a28116081e49ecedaa4ee8728312.png@112w_112h.png","热词系列_“狼火”":"33ccd3617bfa89e9d1498b13b7542b63f163e5de.png@112w_112h.png","口罩":"3ad2f66b151496d2a5fb0a8ea75f32265d778dd3.png@112w_112h.png","微笑":"685612eadc33f6bc233776c6241813385844f182.png@112w_112h.png","笑":"81edf17314cea3b48674312b4364df44d5c01f17.png@112w_112h.png","呲牙":"b5a5898491944a4268360f2e7a84623149672eb6.png@112w_112h.png","OK":"4683fd9ffc925fa6423110979d7dcac5eda297f4.png@112w_112h.png","星星眼":"63c9d1a31c0da745b61cdb35e0ecb28635675db2.png@112w_112h.png","哦呼":"362bded07ea5434886271d23fa25f5d85d8af06c.png@112w_112h.png","嫌弃":"de4c0783aaa60ec03de0a2b90858927bfad7154b.png@112w_112h.png","喜欢":"8a10a4d73a89f665feff3d46ca56e83dc68f9eb8.png@112w_112h.png","酸了":"92b1c8cbceea3ae0e8e32253ea414783e8ba7806.png@112w_112h.png","大哭":"2caafee2e5db4db72104650d87810cc2c123fc86.png@112w_112h.png","害羞":"9d2ec4e1fbd6cb1b4d12d2bbbdd124ccb83ddfda.png@112w_112h.png","无语":"44667b7d9349957e903b1b62cb91fb9b13720f04.png@112w_112h.png","疑惑":"b7840db4b1f9f4726b7cb23c0972720c1698d661.png@112w_112h.png","调皮":"8290b7308325e3179d2154327c85640af1528617.png@112w_112h.png","喜极而泣":"485a7e0c01c2d70707daae53bee4a9e2e31ef1ed.png@112w_112h.png","奸笑":"bb84906573472f0a84cebad1e9000eb6164a6f5a.png@112w_112h.png","偷笑":"6c49d226e76c42cd8002abc47b3112bc5a92f66a.png@112w_112h.png","大笑":"ca94ad1c7e6dac895eb5b33b7836b634c614d1c0.png@112w_112h.png","阴险":"ba8d5f8e7d136d59aab52c40fd3b8a43419eb03c.png@112w_112h.png","捂脸":"6921bb43f0c634870b92f4a8ad41dada94a5296d.png@112w_112h.png","囧":"12e41d357a9807cc80ef1e1ed258127fcc791424.png@112w_112h.png","呆":"33ad6000d9f9f168a0976bc60937786f239e5d8c.png@112w_112h.png","抠鼻":"cb89184c97e3f6d50acfd7961c313ce50360d70f.png@112w_112h.png","惊喜":"0afecaf3a3499479af946f29749e1a6c285b6f65.png@112w_112h.png","惊讶":"f8e9a59cad52ae1a19622805696a35f0a0d853f3.png@112w_112h.png","笑哭":"c3043ba94babf824dea03ce500d0e73763bf4f40.png@112w_112h.png","妙啊":"b4cb77159d58614a9b787b91b1cd22a81f383535.png@112w_112h.png","doge":"bba7c12aa51fed0199c241465560dfc2714c593e.png@112w_112h.png","滑稽":"d15121545a99ac46774f1f4465b895fe2d1411c3.png@112w_112h.png","吃瓜":"4191ce3c44c2b3df8fd97c33f85d3ab15f4f3c84.png@112w_112h.png","打call":"431432c43da3ee5aab5b0e4f8931953e649e9975.png@112w_112h.png","点赞":"1a67265993913f4c35d15a6028a30724e83e7d35.png@112w_112h.png","鼓掌":"895d1fc616b4b6c830cf96012880818c0e1de00d.png@112w_112h.png","尴尬":"cb321684ed5ce6eacdc2699092ab8fe7679e4fda.png@112w_112h.png","冷":"cb0ebbd0668640f07ebfc0e03f7a18a8cd00b4ed.png@112w_112h.png","灵魂出窍":"43d3db7d97343c01b47e22cfabeca84b4251f35a.png@112w_112h.png","委屈":"d2f26cbdd6c96960320af03f5514c5b524990840.png@112w_112h.png","傲娇":"010540d0f61220a0db4922e4a679a1d8eca94f4e.png@112w_112h.png","疼":"905fd9a99ec316e353b9bd4ecd49a5f0a301eabf.png@112w_112h.png","吓":"9c10c5ebc7bef27ec641b8a1877674e0c65fea5d.png@112w_112h.png","生病":"0f25ce04ae1d7baf98650986454c634f6612cb76.png@112w_112h.png","吐":"06946bfe71ac48a6078a0b662181bb5cad09decc.png@112w_112h.png","嘘声":"e64af664d20716e090f10411496998095f62f844.png@112w_112h.png","捂眼":"c5c6d6982e1e53e478daae554b239f2b227b172b.png@112w_112h.png","思考":"cfa9b7e89e4bfe04bbcd34ccb1b0df37f4fa905c.png@112w_112h.png","再见":"fc510306bae26c9aec7e287cdf201ded27b065b9.png@112w_112h.png","翻白眼":"eba54707c7168925b18f6f8b1f48d532fe08c2b1.png@112w_112h.png","哈欠":"888d877729cbec444ddbd1cf4c9af155a7a06086.png@112w_112h.png","奋斗":"bb2060c15dba7d3fd731c35079d1617f1afe3376.png@112w_112h.png","墨镜":"3a03aebfc06339d86a68c2d893303b46f4b85771.png@112w_112h.png","撇嘴":"531863568e5668c5ac181d395508a0eeb1f0cda4.png@112w_112h.png","难过":"a651db36701610aa70a781fa98c07c9789b11543.png@112w_112h.png","抓狂":"4c87afff88c22439c45b79e9d2035d21d5622eba.png@112w_112h.png","生气":"3195714219c4b582a4fb02033dd1519913d0246d.png@112w_112h.png","视频卫星":"dce6fc7d6dfeafff01241924db60f8251cca5307.png@112w_112h.png","11周年":"d3b2d5dc028c75ae4df379f4c3afbe186d0f6f9b.png@112w_112h.png","鸡腿":"c7860392815d345fa69c4f00ef18d67dccfbd574.png@112w_112h.png","干杯":"8da12d5f55a2c7e9778dcc05b40571979fe208e6.png@112w_112h.png","爱心":"ed04066ea7124106d17ffcaf75600700e5442f5c.png@112w_112h.png","锦鲤":"643d6c19c8164ffd89e3e9cdf093cf5d773d979c.png@112w_112h.png","胜利":"b49fa9f4b1e7c3477918153b82c60b114d87347c.png@112w_112h.png","加油":"c7aaeacb21e107292d3bb053e5abde4a4459ed30.png@112w_112h.png","保佑":"fafe8d3de0dc139ebe995491d2dac458a865fb30.png@112w_112h.png","抱拳":"89516218158dbea18ab78e8873060bf95d33bbbe.png@112w_112h.png","响指":"1b5c53cf14336903e1d2ae3527ca380a1256a077.png@112w_112h.png","支持":"3c210366a5585706c09d4c686a9d942b39feeb50.png@112w_112h.png","拥抱":"41780a4254750cdaaccb20735730a36044e98ef3.png@112w_112h.png","怪我咯":"07cc6077f7f7d75b8d2c722dd9d9828a9fb9e46d.png@112w_112h.png","跪了":"f2b3aee7e521de7799d4e3aa379b01be032698ac.png@112w_112h.png","黑洞":"e90ec4c799010f25391179118ccd9f66b3b279ba.png@112w_112h.png","老鼠":"8e6fb491eb1bb0d5862e7ec8ccf9a3da12b6c155.png@112w_112h.png","福到了":"5de5373d354c373cf1617b6b836f3a8d53c5a655.png@112w_112h.png","加油武汉":"eb966aaa5b690d3f9308a9f936f5b5a72a7f956b.png@112w_112h.png"},
      enableQQ: false,
      path: window.location.pathname,
    }

    if (true) { 
      initData.requiredFields= ('nick,mail'.split(','))
    }
    
    if (false) {
      const otherData = false
      initData = Object.assign(initData, otherData)
    }
    
    const valine = new Valine(initData)
  }

  if (typeof Valine === 'function') initValine() 
  else getScript('https://cdn.jsdelivr.net/npm/valine/dist/Valine.min.js').then(initValine)
}

if ('Valine' === 'Valine' || !false) {
  if (false) btf.loadComment(document.getElementById('vcomment'),loadValine)
  else setTimeout(loadValine, 0)
} else {
  function loadOtherComment () {
    loadValine()
  }
}</script></div><script defer="defer" id="ribbon" src="https://cdn.jsdelivr.net/npm/butterfly-extsrc@1/dist/canvas-ribbon.min.js" size="150" alpha="0.6" zIndex="-1" mobile="false" data-click="false"></script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div></body></html>